<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="Alexander Rees Scerba" />
    <title>{{block "title" .}}Page{{end}} - Alex Scerba</title>
    <meta name="description" content="{{block "description" .}}Alex's personal site{{end}}" />
    <meta name="keywords" content="{{block "keywords" .}}personal site{{end}}">
    <link rel="canonical" href="https://www.alexscerba.com{{block "canonical" .}}{{end}}">
    <link rel="stylesheet" href="/static/assets/style.css" />
    <link rel="shortcut icon" href="/static/assets/favicon.ico" type="image/x-icon" />
  </head>
  <body>
    <header>
      <a href="/" class="logo-w-name">
        <img src="/static/assets/logo.svg" alt="Logo" class="logo"/>
        <span class="name">Alex Scerba</span>
      </a>
      <div class="main-nav-position">
        <input type="checkbox" class="toggler">
        <div class="hamburger"><div></div></div>
        <nav aria-labelledby="global-navigation" class="main-nav">
          <a href="/">Home</a>
          <a href="/static/Resume_Scerba.pdf">Résumé</a> <!--Résumé-->
	  <a href="/static/Portfolio_Scerba.pdf">Portfolio</a>
        </nav>
      </div>
    </header>

    <main>

        {{ template "main" . }}

    </main>

    <footer>
      <img src="/static/assets/logo.svg" alt="Logo" class="footer-logo"/>
      <address>
        <p>Contact: <a href="mailto:me@alexscerba.com">me@alexscerba.com</a></p>
        <p>LinkedIn: <a href="https://linkedin.com/in/ascerba" target="_blank" rel="noopener noreferrer">linkedin.com/in/ascerba</a></p></p>
        <p>Résumé: <a href="/static/Resume_Scerba.pdf">view</a></p>
	<p>Portfolio: <a href="/static/Portfolio_Scerba.pdf">view</a></p>
      </address>
    </footer>
  </body>
</html>
